﻿<!DOCTYPE html>     
  
<head>     
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Fixed Positioning Example</title>     
<meta name="viewport" content="width=device-width, initial-scale=0.5">     
<link rel="stylesheet" href="jquery.mobile.min.css" />     
<script src="jquery-2.1.4.min.js"></script>     
<script src="jquery.mobile.min.js"></script>     
</head>               
<body>
	<div data-role="page">
    	<div data-role="header" data-position="fixed" data-fullscreen="true">
        	<a href="#">返回</a>    
            <h1>本月图书销售排名</h1>    
            <a href="#">设置</a>
        </div>
		<ol data-role="listview">
			<li><h2>我是个大师</h2></li>
			<li><h2>致我们终将逝去的青春</h2></li>
			<li><h2>饥饿游戏</h2></li>
			<li><h2>我是个算命先生</h2></li>
			<li><h2>谁主沉浮</h2></li>
			<li><h2>剩下的方程式</h2></li>
			<li><h2>世界经典推理故事大全集</h2></li>
			<li><h2>三体全集</h2></li>
			<li><h2>天坑猎鹰</h2></li>
			<li><h2>心理罪之城市之光</h2></li>
		</ol>
    </div>
</body>
</html>
